<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="format-detection" content="telephone=no, email=no"/>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="lib/swiper/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="css/index.css">
    <script type="text/javascript" src="lib/jq.js"></script>
    <script type="text/javascript" src="lib/underscore.js"></script>
    <script type="text/javascript" src="lib/swiper/swiper-3.4.2.jquery.min.js"></script>
    <script type="text/javascript" src="lib/global.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</head>
<body>

<!--header头部-->
<!--
<div class="header">
    <span class="leftBtn">
        &nbsp;
    </span>
    <span class="font32 color31 content">电影《战狼2》免费兑换券两张</span>
    <img class="like" id="like" src="images/blue.png"/>
    <img class="share" src="images/share.png"/>
</div>
-->

<!--内容区-->
<div class="detailContainer" id="detailContainer">
    <div class="status" style="display: none">
        <span class="font22 colorfff down">计算中....</span>
    </div>
    <div class="status_1" style="display: none">
        <span class="font22 colorfff">活动已结束</span>
    </div>
    <!--静态图片-->
    <div class="picture_info" style="display: none">
        <img src="images/backgroundInfo.png"/>
    </div>
    <!--动态轮播图-->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="http://chinaticai.gnway.cc:6662/uploadFiles/uploadImgs/activityimage/1506604005571.png"/>
            </div>
            <div class="swiper-slide">
                <img src="images/swiper_pic.png"/>
            </div>
            <div class="swiper-slide">
                <img src="images/swiper_pic.png"/>
            </div>
        </div>

        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>
    <!---->
    <div class="detail_information">
        <p class="font28 color31 bold">电影《战狼2》兑换券奉上,体贴的我们还一次备足两张,快带上小伙伴一起去看吧。</p>
        <div class="price_detail">
            <span class="font26 colora0">抢购价:</span>
            <span class="font36 colorff4 bold">5000</span>
            <span class="font26 color000">U币</span>
            <img src="images/jia.png"/>
            <span class="font36 colorff4 bold">5000</span>
            <span class="font26 color000">人民币</span>
        </div>
    </div>
    <div class="limit_factor">
        <span class="font24 colorff4 bold">本券码仅支持用户在北京部分区域使用</span>
    </div>
    <div class="valid_period">
        <span class="font22 colora0 bold">产品类型和日期</span>
        <p class="font28 color31 bold">2017年11月1日-2017年11月11日</p>
    </div>
    <ul class="detail_introduce">
        <li class="intro_left">
            <div class="intro_content current">
                <span class="font22 color31 bold">详情</span>
            </div>
        </li>
        <li class="intro_right">
            <div class="intro_content">
                <span class="font22 color31 bold">购买须知</span>
            </div>
        </li>
    </ul>
    <div class="content_introduce">
        <p class="font28 color31">中国大陆&nbsp;&nbsp;126分钟&nbsp;&nbsp;2017年7月27日</p>
        <ul class="director_actor">
            <li>
                <span class="font28 colora0">导演：</span>
                <span class="font28 color000 wu">吴京</span>
            </li>
            <li>
                <span class="font28 colora0">演员：</span>
                <span class="font28 color000">吴京，弗兰克.格里罗，吴刚，张翰</span>
            </li>
        </ul>
        <p class="font28 color31 explanation">
            《战狼II》是吴京执导的动作军事电影。该片于2017年10月27日在中国内地上映。《战狼II》是吴京执导的动作军事电影。该片于2017年10月27日在中国内地上映。</p>
        <img src="images/active_content.png"/>
        <p class="font28 color31 explanation_1">
            《战狼II》是吴京执导的动作军事电影。该片于2017年10月27日在中国内地上映。《战狼II》是吴京执导的动作军事电影。该片于2017年10月27日在中国内地上映。</p>
        <div class="star">
            <p class="font28 color31">贵宾+忠诚+5星&nbsp;10/人</p>
            <p class="font28 color31">贵宾+忠诚+5星&nbsp;10/人</p>
            <p class="font28 color31">贵宾+忠诚+5星&nbsp;10/人</p>
            <p class="font28 color31">贵宾+忠诚+5星&nbsp;10/人</p>
            <p class="font28 color31">贵宾+忠诚+5星&nbsp;10/人</p>
            <p class="font28 color31">贵宾+忠诚+5星&nbsp;10/人</p>
            <p class="font28 color31">贵宾+忠诚+5星&nbsp;10/人</p>
            <p class="font28 color31">贵宾+忠诚+5星&nbsp;10/人</p>
        </div>
    </div>
    <div class="content_introduce" style="display:none;">
        <p class="font28 color000 p1">1.该券仅在指定区域内使用。</p>
    </div>
    <div class="unicom_bottom">
        <div class="adorn"></div>
        <span class="font22 colorbcb">中国联通U服务</span>
        <div class="adorn_1"></div>
    </div>
</div>

<!--活动还未开始时
<div class="fixed_bottom" id="fixedBottom" style="display: none">
    <span class="font32 colorf4f">参&nbsp;与</span>
</div>
&lt;!&ndash;活动开始时&ndash;&gt;
<div class="fixed_bottom_1" id="fixedBottom_1" style="display: block">
    <span class="font32 colorfff">参&nbsp;与</span>
</div>
&lt;!&ndash;活动开始点击参与后&ndash;&gt;
<div class="participate" style="display: none">
    <div class="participate_left">
        <span class="font32 colorfff">退出活动</span>
    </div>
    <div class="participate_right">
        <span class="font32 colorfff">查看</span>
    </div>
</div>
&lt;!&ndash;活动结束后&ndash;&gt;
<div class="fixed_bottom_2" id="fixedBottom_2" style="display: none">
    <span class="font32 colorf4f">活动已结束</span>
</div>-->

<!--<div class="down_layer">
    <div class="layer_top_1">
        <div class="layer_top_left">
            <div class="img_border">
                <img class="buy_pic" src="images/swiper_pic.png"/>
            </div>
        </div>
        <div class="layer_top_title">
            <div class="price_1">
                <span class="font26 colorff4 bold">5000</span>
                <span class="font26 color000">U币</span>
                <img src="images/jia.png"/>
                <span class="font26 colorff4 bold">5000</span>
                <span class="font26 color000">元</span>
            </div>
            <img class="closeLayer" src="images/close.png"/>
        </div>
    </div>
    <div class="buy_number">
        <div class="buy_left">
            <span class="font28 colora0">购买数量：</span>
        </div>
        <div class="buy_right">
            <div class="right_1"></div>
            <div class="right_2 font26 color31 bold">1</div>
            <div class="right_3"></div>
        </div>
    </div>
    <div class="buy_number buy_money">
        <div class="buy_left">
            <span class="font28 colora0">应付金额：</span>
        </div>
        <div class="money_right">
            <span class="font36 colorff4 bold">5000</span>
            <span class="font26 color000 bold">元</span>
        </div>
    </div>
    <div class="money_bottom">
        <span class="font32 colorfff">参&nbsp;与</span>
    </div>
</div>-->
<div id="cinemaUpLayer">
    <script type="text/template">

        <div class="main_modal_wrap" style="display: block">
            <div class="main_modal_inner">
                <div class="up_layer">
                    <div class="layer_top">
                        <div class="layer_top_left">
                            <div class="img_border">
                                <img class="movie_pic" src="images/movie_pic.png"/>
                            </div>
                        </div>
                        <div class="layer_top_title">
                            <p class="font24 color000"><%=data.title%></p>
                            <img class="closeLayer" src="images/close.png"/>
                        </div>
                    </div>
                    <ul class="cinema_list" id="cinemaList">
                        <%for(var i=0; i < data.cinemaList.length;i++){%>
                        <%var item = data.cinemaList[i];%>
                        <li>
                            <img src="images/uncheck.png"/>
                            <div class="cinema_details">
                                <div class="details_1">
                                    <span class="font24 color31"><%=item.date%></span>
                                    <span class="font24 color31"><%=item.startTime%>-<%=item.stopTime%></span>
                                </div>
                                <div class="details_2">
                                    <span class="font24 color31"><%=item.cinemaName%></span>
                                    <span class="font24 colorff4 bold"><%=item.cinemaPrice%></span>
                                    <span class="font24 color69">元起</span>
                                </div>
                                <div class="details_3">
                                    <span class="font20 colora0"><%=item.cinemaAddress%></span>
                                </div>
                                <div class="details_4 color9fa">
                                    <span class="font22 color69">共有名额</span>
                                    <span class="font30 color508 bold"><%=item.totalQuota%></span>
                                    <span class="font22 color69 b1">人</span>
                                    |
                                    <span class="font22 color69 b2">剩余名额</span>
                                    <span class="font30 colorff4 bold"><%=item.laveQuota%></span>
                                    <span class="font22 color69">人</span>
                                </div>
                            </div>
                        </li>
                        <%}%>
                    </ul>
                    <!--<div class="layer_bottom">
                        <span class="font32 colorfff">参&nbsp;与</span>
                    </div>-->
                </div>

            </div>
        </div>
    </script>
</div>

</body>
</html>